<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="fourthDemo.css">
</head>
<body>
    <h1>简历</h1>
    <div class="introduction">
        <h3>个人简介</h3>
        <p>姓名：张三<span>&nbsp</span><span>年龄：18</span></p>
        <p>联系方式：13923289389</p>
        <p>电子邮箱：<a href="mailto:9636273132@qq.com">9636273132@qq.com</a></p>
        <p>个人主页：<a href="http://www.baidu.com">www.baidu.com</a></p>
        <p>本科：百度前端学院</p>
        <p>技能：<span style="text-transform:uppercase">html、css</span>、JavaScript</p>
    </div>
    <h3>项目经验</h3>
    <table>
        <tr>
            <th>项目时间</th>
            <th>项目描述</th>
        </tr>
        <tr>
            <th>2017.1-2017.8</th>
            <th>在项目A中负责了xxxxx</th>
        </tr>
        <tr>
            <th>2017.1-2017.8</th>
            <th>在项目A中负责了xxxxx</th>
        </tr>
        <tr>
            <th>2017.1-2017.8</th>
            <th>在项目A中负责了xxxxx</th>
        </tr>
        <tr>
            <th>2017.1-2017.8</th>
            <th>在项目A中负责了xxxxx</th>
        </tr>
    </table><br>
    <div class="advance">
        <h3>优点</h3>
        <li>自信</li>
        <li>乐观</li>
        <li>开朗</li>
    </div>
    <div class="disadvance">
        <h3>缺点</h3>
        <li>不自信</li>
        <li>不乐观</li>
        <li>不开朗</li>
    </div>
    <hr>
    <!-- pre-line保留回车不保留空格
    pre-wrap都保留
    pre 保留空格和回车
    normal都不保留
    nowrap都不保留 -->
    <p style="white-space:nowrap;">This                   paragraph has    many
        spaces           in it.</p>
</body>
</html>